<template>
	<view class="contain">
		<view class="boximg">
			<view class="">
				<image style="width: 320rpx;" :src="base+info.cover" mode=""></image>
			</view>
			<view class="">
				<view class="">
					<h2>{{info.name}}</h2>
				</view>
				<view class="">
					{{info.language}}
					{{info.playDate}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {getmovieinfo,baseURL} from '@/utils/movie/index.js'
	export default {
		data() {
			return {
			id:"",
			info:"",
			base:""
			}
		},
		onLoad(e) {
			this.id=e.id
			this.base=baseURL
			this.getmovieinf()
		},
		methods: {
			async getmovieinf(){
				const res =await getmovieinfo(this.id)
				this.info=res.data.data
				console.log(res)
			}
			
		}
	}
</script>

<style lang="scss">
.boximg{
	display: flex;
	view{
		margin: 10px;
	}
}
</style>
